<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 信息 -->
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <title>作者——？？？</title>
    <meta name="author" content="尘跃" />
    <meta
        name="description"
        content="作者"
    />


    <!-- Facebook Open Graph -->
    <meta property="og:site_name" content="" />
    <meta property="og:title" content="author" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://cyue.net">
    <meta property="og:image" content="http://cyue.net/favicon.png" />
    <meta
        property="og:description"
        content="作者"
    />

    <!-- Twitter Cards -->
    <meta name=twitter:card content="summary" />
    <meta name=twitter:image content="http://cyue.net/favicon.png" />
    <meta name="twitter:title" content="author" />
    <meta name=twitter:description content="作者" />
    <meta name="twitter:creator" content="" />
    <meta name="twitter:site" content="@cyue.net" />


    <!-- style -->
    <link rel="stylesheet/less" type="text/css" href="/css/style.less">
    <link rel="stylesheet" href="/css/author.css">
    <!-- less -->
    <script src="/js/third/less.min.js"></script>

    <!-- website configuration -->
    <script src="/js/configuration.js"></script>
    <!-- 百度统计 -->
    <script src="/js/tongji.js"></script>
    <!-- Vue3 -->
    <script src="/js/vue/vue.global.prod.js"></script>
    <!-- WX JS SDK -->
    <script src="/js/wx.js"></script>
    <!-- Google ADS -->
    <!-- <meta name="google-adsense-account" content="ca-pub-7556556693775855">
    <script src="/js/ads.js"></script> -->
</head>
<body>
    <!-- <header>
        <div class="flex-row flex-items-center" style="flex: 1;;height: 100%;gap: 0.5rem;">
            <a class="icon" href="/index.html"></a>
            <h2 class="header-title">作者信息</h2>
        </div>
        <div class="wrapper-nav flex-row flex-items-center">
            <nav>
                <ul class="flex-column flex-items-center">
                    <li>
                        <a href="/pages/other.html">其他</a>
                    </li>
                    <li>
                        <a href="/pages/tool.html">工具</a>
                    </li>
                    <li>
                        <a href="/pages/sort.html">分类</a>
                    </li>
                    <li>
                        <a href="/pages/search.html">搜索</a>
                    </li>
                    <li>
                        <a href="/pages/about.html">关于</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header> -->

    <page-header></page-header>

    <main id="app" class="flex-1">
        <div id="panel" class="panel flex-1">
            <div class="container-information">
                <img class="avatar img-avatar" ref="avatarIMG" src="" alt="">
                <div class="container-information-main">
                    <h3>{{ user.nickname }}</h3>
                    <h4>{{ user.register_time }}</h4>
                </div>
            </div>
            <div class="container-article">
                <div v-for="sort in sortDataSource">
                    <section v-if="articleDataSource[sort.name]">
                        <h3>{{ sort.name }}</h3>
                        <!-- <span class="nothing" v-if="!articleDataSource[sort.name]">暂无内容</span> -->
                        <ul class="list-article">
                            <li class="list-article-item" v-for="item in articleDataSource[sort.name]">
                                <a :href="'/pages/article.html?id=' + item.id" target="_blank">
                                    {{ item.title }}
                                </a>
                            </li>
                        </ul>
                    </section>
                </div>

            </div>
        </div>

    </main>


    <page-footer></page-footer>

    <!-- web component -->
    <script src="/js/component.js"></script>
    <!-- style -->
    <script src="/js/style.js"></script>

    <script src="/js/http.js"></script>
    <script src="/js/author.js"></script>
</body>
</html>


